<HTML>
<HEAD>
<TITLE>HR Object Properties</TITLE>
<SCRIPT LANGUAGE="JavaScript">
// utworzenie waciwoci document.all w przegldarce NN6
if (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 5) { 
   document.all = document.getElementsByTagName("*") 
}

// jedna funkcja zaatwia wszystko
function setHRAttr(select) {
    if (document.all && document.all.myHR) {
        var choice = select.options[select.selectedIndex].value
        if (choice) {
            document.all.myHR.setAttribute(select.name, choice)
        }
    }
}
</SCRIPT>
</HEAD>

<BODY>
<H1>Waciwoci obiektu HR</H1>
<BR>
<P>Oto element HR, ktrego wygld bdziemy okrela w tej aplikacji:</P>
<HR ID="myHR">
<FORM>
Okrel wyrwnanie: 
<SELECT NAME="align" onChange="setHRAttr(this)">
    <OPTION></OPTION>
    <OPTION VALUE="left">do lewej</OPTION>
    <OPTION VALUE="center">wyrodkowany</OPTION>
    <OPTION VALUE="right">do prawej</OPTION>
</SELECT>
<BR>

Okrel kolor (tylko IE): 
<SELECT NAME="color" onChange="setHRAttr(this)">
    <OPTION></OPTION>
    <OPTION VALUE="red">czerwony</OPTION>
    <OPTION VALUE="green">zielony</OPTION>
    <OPTION VALUE="blue">niebieski</OPTION>
    <OPTION VALUE="#FA8072">przykadowa warto szesnastkowa</OPTION>
</SELECT>
<BR>

Wybierz sposb prezentacji: 
<SELECT NAME="noShade" onChange="setHRAttr(this)">
    <OPTION></OPTION>
    <OPTION VALUE=true>bez cienia</OPTION>
    <OPTION VALUE=false>z cieniem</OPTION>
</SELECT>
<BR>

Podaj wysoko linii: 
<SELECT NAME="size" onChange="setHRAttr(this)">
    <OPTION></OPTION>
    <OPTION VALUE=2>2 (domylna)</OPTION>
    <OPTION VALUE=4>4 piksele</OPTION>
    <OPTION VALUE=10>10 pikseli</OPTION>
</SELECT>
<BR>

Okrel szeroko linii: 
<SELECT NAME="width" onChange="setHRAttr(this)">
    <OPTION></OPTION>
    <OPTION VALUE="100%">100% (domylna)</OPTION>
    <OPTION VALUE="80%">80%</OPTION>
    <OPTION VALUE=300>300 pikseli</OPTION>
</SELECT>
</BODY>
</HTML>